<section id="style-switcher">
        <h2>样式切换器 <a href="#"><i class="icon-cog"></i></a></h2>
        <div>
           <!-- <h3>Predefined Colors</h3>
           <ul id="colors" class="colors">
              <li><a title="Blue" class="blue" href="#"></a></li>
              <li><a title="Green" class="green" href="#"></a></li>
              <li><a title="Orange" class="orange" href="#"></a></li>
              <li><a title="Purple" class="purple" href="#"></a></li>
              <li><a title="Red" class="red" href="#"></a></li>
              <li><a title="Magenta" class="magenta" href="#"></a></li>
              <li><a title="Brown" class="brown" href="#"></a></li>
              <li><a title="Gray" class="gray" href="#"></a></li>
              <li><a title="Golden" class="golden" href="#"></a></li>
              <li><a title="Teal" class="teal" href="#"></a></li>
           </ul> -->
           <h3>布局样式</h3>
           <div class="layout-style">
              <select autocomplete="off" id="layout-style">
                 <option value="1">宽屏</option>
                 <option value="2">窄屏</option>
              </select>
           </div>
           <h3>头部颜色</h3>
           <div class="header-color">
              <input type='text' class="header-bg" />
           </div>
           <h3>页脚顶部颜色</h3>
           <div class="header-color">
              <input type='text' class="footer-bg" />
           </div>
           <h3>页脚底部颜色</h3>
           <div class="header-color">
              <input type='text' class="footer-bottom" />
           </div>
           <!-- <h3>背景图片</h3>
           <ul id="bg" class="colors bg">
              <li><a class="bg1" href="#"></a></li>
              <li><a class="bg2" href="#"></a></li>
              <li><a class="bg3" href="#"></a></li>
              <li><a class="bg4" href="#"></a></li>
              <li><a class="bg5" href="#"></a></li>
              <li><a class="bg6" href="#"></a></li>
              <li><a class="bg7" href="#"></a></li>
              <li><a class="bg8" href="#"></a></li>
              <li><a class="bg9" href="#"></a></li>
              <li><a class="bg10" href="#"></a></li>
           </ul> -->
        </div>
     </section>